<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		
		<title>DataTables example</title>

		<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
		<link rel="stylesheet" type="text/css" href="css/DT_bootstrap.css">
    <!--
	     <link rel="stylesheet" type="text/css" href="./plugins/jquery_datatable/tpl/css/bootstrap.css">
		<link rel="stylesheet" type="text/css" href="./plugins/jquery_datatable/tpl/css/DT_bootstrap.css">
	   <script type="text/javascript" language="javascript" src="./resource/jquery/jquery.min.js"></script>
		<script type="text/javascript" language="javascript" src="./plugins/jquery_datatable/tpl/js/jquery.dataTables.min.js"></script>
	   <script type="text/javascript" language="javascript" src="./plugins/jquery_datatable/tpl/js/demo.js"></script>
    -->
		<script type="text/javascript" language="javascript" src="../../../resource/jquery/jquery.min.js"></script>
		<script type="text/javascript" language="javascript" src="js/jquery.dataTables.min.js"></script>
	   <script type="text/javascript" language="javascript" src="js/demo.js"></script>
	</head>
	<body>
		<div class="container">
			
     <div id="example">

     </div>
			
		</div>

        <script type="text/javascript">
        // $('#example').dataTable();
         //   $('#example').dataTable({
           //     bJQueryUI:true
           // });
        /*

     */(function(){
            var create_table=new CreateTable();
            var columns='{{colums}}';
            if(columns){columns=JSON.parse(columns);}
            else{
                columns=null;
            }
            var table=create_table.fillTableData(JSON.parse('{{data}}'),columns);
            var obj= $('#example');
            obj .html(table);
            obj.find('table').dataTable( {
                "bSort": false,  //开始不自动排序
                "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 0 ] }],// 该值的含义为。初始化datatable，但对序号为0列的列不进行排序，别的列均可进行排序
                "sDom": "<'row'<'col-sm-6'l><'col-sm-6'f>><'row'<'col-sm-12'tr>><'row'<'col-sm-5'i><'col-sm-7'p>>",
                "sPaginationType": "bootstrap"
            });

        })();



        </script>
	</body>
</html>